[JavaScript] 모바일 접속시 모바일 페이지로 변경

요즘 모바일 페이지는 필수라고 생각합니다. 모바일 접속자가 급성장하는 추세에 요즘 모바일 사용자가 워낙 많기 때문에 모바일 페이지를 개발 할 수밖에 없습니다.

만약 모바일로 접속한 사용자를 모바일 페이지에 이동시키려면 어떻게 할까요? 우선 navigator객체를 통해 userAgent 속성 사용하면 사용자의 접속환경을 확인할 수 있고 그 후 사용자의 접속환경 (디바이스 또는 브라우저)에 따라 페이지를 이동시키면 됩니다. 아래는 간단한 프로세스입니다.


1. 특정 변수에 client 측 browser 환경변수 저장

2. 변수값을 확인하여 접속환경이 모바일인지 확인(match() 메서드 사용할 수 있음)

3. 모바일인 경우 페이지를 이동
-> document.location = "http://m.rankingis.com";


* 아래를 통해 모바일 환경인지 확인 가능한 문자열을 참고하세요...